import Vue from 'vue'
import App from './App.vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n

import store from "./store"
import "@/utils/style/index.css"
import "@/utils/style/layout.css"



Vue.use(ElementUI, {
	locale
})
import {
	handledImageError
} from "@/utils/imagesError.js"
Vue.prototype.$handledImageError = handledImageError;
import {
	handledMsgCopy
} from "@/utils/copy/copy.js"
Vue.prototype.$handledMsgCopy = handledMsgCopy;

import router from './router'
import './permission.js' // permission control
Vue.config.productionTip = false

//预览图2
import Viewer, {
	directive as viewerDirective
} from 'v-viewer';
import 'viewerjs/dist/viewer.css';

Vue.use(Viewer)
Viewer.setDefaults({
	Options: {
		inline: true, // 是否启用inline模式
		button: true, // 是否显示右上角关闭按钮
		navbar: true, // 是否显示缩略图底部导航栏
		title: true, // 是否显示当前图片标题，默认显示alt属性内容和尺寸
		toolbar: true, // 是否显示工具栏
		tooltip: true, // 放大或缩小图片时，是否显示缩放百分比，默认true
		fullscreen: false, // 播放时是否全屏，默认true
		loading: true, // 加载图片时是否显示loading图标，默认true
		loop: true, // 是否可以循环查看图片，默认true
		movable: true, // 是否可以拖动图片，默认true
		zoomable: true, // 是否可以缩放图片，默认true
		rotatable: true, // 是否可以旋转图片，默认true
		scalable: true, // 是否可以翻转图片，默认true
		toggleOnDblclick: true, // 放大或缩小图片时，是否可以双击还原，默认true
		transition: true, // 使用 CSS3 过度，默认true
		keyboard: true, // 是否支持键盘，默认true
		zoomRatio: 0.1, // 鼠标滚动时的缩放比例，默认0.1
		minZoomRatio: 0.01, // 最小缩放比例，默认0.01
		maxZoomRatio: 100, // 最大缩放比例，默认100
		zIndex: 9999, // 你可以根据需要自定义配置项
		play: () => {},
		url: 'data-src' // 设置大图片的 url
	}
})

// 注册指令（可选）
Vue.directive('viewer', viewerDirective({
	debug: false, // 设置为true可以开启调试模式，方便排查问题
}));

import VueClipboard from 'vue-clipboard2';
Vue.use(VueClipboard);
// //点击外部区域关闭弹窗
// import VueClickaway from 'vue-clickaway';
// Vue.use(VueClickaway);
//预览图2

//预览图1
// import Viewer from 'v-viewer'
// import 'viewerjs/dist/viewer.css'
// Viewer.setDefaults({
//     Options: { 'inline': true, 'button': true, 'navbar': true, 'title': true, 'toolbar': true, 'tooltip': true, 'movable': true, 'zoomable': true, 'rotatable': true, 'scalable': true, 'transition': true, 'fullscreen': false, 'keyboard': false, 'url': 'data-source' }
// })
// Vue.use(Viewer)
//预览图1


new Vue({
	router,
	store,
	render: h => h(App),
}).$mount('#app')